<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div{
            height:100px;
            width:100px;
            border:1px solid #000;
        }
        span{
            height:20px;
            width:20px;
            background:pink;
            display:block;
        }
    </style>
</head>
<body>

 <div>

     <span></span>
 </div>
</body>
</html>
<script src="js/jquery.min.js"></script>
<script>
/*
 *map   第一个参数， 对象，，
 *         第二个参数function 有2个参数，key表示value，val就是key
 *         map  返回时一个数组
 *
 * each  第一个参数， 对象
 *       第二个参数function 有2个参数 ，key表示key，value就是value
 *         在each的返回值，让用户传入的是什么类型，返回就是什么类型
 *
 *
 *
  * */
    var obj=["name","AGE"]

//console.log($.map(obj, function(key, val){
//    console.log("key:" + key);
//    console.log("val:" + val);
//}));

//console.log($.each(obj, function(key, val){
//    console.log("key:" + key);
//    console.log("val:" + val);
//}));



</script>